﻿<%@ page import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@page isELIgnored="false"%>
<%
	String basePath = request.getContextPath();
%>
<!DOCTYPE html>
<html class="no-js">
<!--<![endif]-->
<head>
<meta charset="UTF-8">
<title>注册登录</title>
<link
	href='https://fonts.googleapis.com/css?family=Titillium+Web:400,300,600'
	rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="<%=basePath%>/styles/css/normalize.min.css">
<link rel="stylesheet" href="<%=basePath%>/styles/css/style.css">


</head>

<body id="body">
<div style="position:absolute; left:0; top:0; right:0; bottom:0; " id="di">
	<div class="form" id="form">

		<ul class="tab-group">
			<li class="tab active"><a href="#login">登陆</a></li>
			<li class="tab "><a href="#signup">注册</a></li>
		</ul>

		<div class="tab-content">
			<div id="login">
				<h1>欢迎回来</h1>

				<form action="<%=basePath%>/login/loginnow" method="post">

					<div class="field-wrap">
						<label>帐号<span class="req">*</span>
						</label> <input type="email" name="loginName" id="login_name" required
							autocomplete="off" />
					</div>

					<div class="field-wrap">
						<label> 密码<span class="req">*</span>
						</label> <input type="password" name="password" id="login_password"
							required autocomplete="off" />
					</div>

					<p class="forgot">
						<a href="#">Forgot Password?</a>
					</p>
					<span>${msg }</span>
					<button class="button button-block" />
					进入
					</button>

				</form>

			</div>
			<div id="signup">
				<h1>欢迎加入云笔记</h1>

				<form action="<%=basePath%>/cloud_note/user/regUser" method="post">

					<div class="field-wrap">
						<label> 帐号<span class="req">*</span>
						</label> <input name="loginName" id="loginName" type="text" required
							autocomplete="off" />
					</div>


					<div class="field-wrap">
						<label> 密码<span class="req">*</span>
						</label> <input type="password" name="password" id="password" required
							autocomplete="off" />
					</div>
					<div class="field-wrap">
						<label> Email<span class="req">*</span>
						</label> <input type="text" name="personalMail" id="personalMail" required
							autocomplete="off" />
					</div>
					<div class="field-wrap">
						<label> 手机号<span class="req">*</span>
						</label> <input type="text" name="mobile" id="mobile" required
							autocomplete="off" />
					</div>
					<button type="submit" class="button button-block" />
					加入
					</button>

				</form>

			</div>


		</div>
		<!-- tab-content -->
</div>
</div>
	<!-- /form -->
	<script src='<%=basePath%>/javascripts/js/jquery.min.js'></script>
	<script src='<%=basePath%>/javascripts/jquery-1.11.0.min.js'></script>
	<script src="<%=basePath%>/javascripts/js/index.js"></script>
	<script src="<%=basePath%>/javascripts/Particleground.js"></script>
	<script type="text/javascript">
	$('#body').particleground({
    });
	</script> 
</body>
</html>
